* {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}


::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}

/* 滚动条有滑块的轨道部分 */
::-webkit-scrollbar-track-piece {
    background-color: transparent;
    border-radius: 5px;
}

/* 滚动条滑块(竖向:vertical 横向:horizontal) */
::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #f2f2f2;
    border-radius: 5px;
}

/* 滚动条滑块hover */
::-webkit-scrollbar-thumb:hover {
    background-color: #999999;
}

/* 同时有垂直和水平滚动条时交汇的部分 */
::-webkit-scrollbar-corner {
    display: block;
    /* 修复交汇时出现的白块 */
}

.layui-nav .layui-this:after {
    display: none;
}

.layui-nav {
    padding: 0;
}

body {
    width: 100%;
    margin: 0 auto;
    font-size: 0.14rem;
    color: #000;
    font-family: "思源黑体" !important;
    position: relative;
    letter-spacing: 0px;
    overflow-x: hidden;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

ul,
dl,
dd,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
form {
    padding: 0;
    margin: 0;
}

h1 {
    font-size: 20px;
}

h2 {
    font-size: 12px;
    font-weight: normal;
}

h3 {
    font-size: 14px;
    font-weight: normal;
}

h4 {
    font-size: 12px;
    font-weight: normal;
}

h5 {
    font-size: 12px;
    font-weight: normal;
}

ul {
    list-style: none;
}

li {
    list-style: none;
}

img {
    border: none;
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

p {
    word-spacing: -1.5px;
    padding: 0;
    margin: 0;
}


section,
header,
footer {
    display: flex;
    width: 100%;
    position: relative;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

main {
    width: 100%;
}

input {
    border: 0;
    outline: none;
}

/* 首字母大写 */
.text-transform-capitalize {
    text-transform: capitalize;
}

/* 全部大写 */
.text-transform-uppercase {
    text-transform: uppercase;
}

/* 全部小写 */
.text-transform-lowercase {
    text-transform: lowercase;
}

.text-decoration-line {
    text-decoration: line-through;
}

.w1200 {
    width: 1200px;
}

.w1080 {
    width: 1080px;
}

.d-flex {
    display: flex;
}

.d-fs {
    flex-shrink: 0;
}

.mw0 {
    min-width: 0;
}

.flex-wrap {
    flex-wrap: wrap;
}

.text-align-left {
    text-align: left;
}

.text-align-center {
    text-align: center;
}

.text-align-right {
    text-align: right;
}

.al-c {
    align-items: center;
}

.al-b {

    align-items: baseline;
}

.al-fs {
    align-items: flex-start;
}

.al-fe {

    align-items: flex-end;
}

.al-s {
    align-items: stretch;
}

.jc-c {
    justify-content: center;
}

.jc-s {
    justify-content: space-between;
}

.jc-sa {
    justify-content: space-around;
}

.jc-se {
    justify-content: space-evenly
}

.jc-fs {
    justify-content: flex-start;
}

.jc-fe {
    justify-content: flex-end;
}

.al-fs {
    align-items: flex-start;
}

.ac-c {
    align-content: center;
}

.p-r {
    position: relative;
}

.p-a {
    position: absolute;
}

.p-f {
    position: fixed;
}

.p-u {
    position: unset !important;
}

.w100 {
    width: 100%;
}

.h100 {
    height: 100%;
}

.w50 {
    width: 50%;
}

.w70 {
    width: 70%;
}

.w80 {
    width: 80%;
}

.w90 {
    width: 90%;
}

.ft1 {
    line-height: 150%;
    font-size: 0.01rem;
}

.ft2 {
    line-height: 150%;
    font-size: 0.02rem;
}

.ft3 {
    line-height: 150%;
    font-size: 0.03rem;
}

.ft4 {
    line-height: 150%;
    font-size: 0.04rem;
}

.ft5 {
    line-height: 150%;
    font-size: 0.05rem;
}

.ft6 {
    line-height: 150%;
    font-size: 0.06rem;
}

.ft7 {
    line-height: 150%;
    font-size: 0.07rem;
}

.ft8 {
    line-height: 150%;
    font-size: 0.08rem;
}

.ft9 {
    line-height: 150%;
    font-size: 0.09rem;
}

.ft10 {
    line-height: 150%;
    font-size: 0.10rem;
}

.ft11 {
    line-height: 150%;
    font-size: 0.11rem;
}

.ft12 {
    line-height: 150%;
    font-size: 0.12rem;
}

.ft13 {
    line-height: 150%;
    font-size: 0.13rem;
}

.ft14 {
    line-height: 150%;
    font-size: 0.14rem;
}

.ft15 {
    line-height: 150%;
    font-size: 0.15rem;
}

.ft16 {
    line-height: 150%;
    font-size: 0.16rem;
}

.ft17 {
    line-height: 150%;
    font-size: 0.17rem;
}

.ft18 {
    line-height: 150%;
    font-size: 0.18rem;
}

.ft19 {
    line-height: 150%;
    font-size: 0.19rem;
}

.ft20 {
    line-height: 150%;
    font-size: 0.20rem;
}

.ft21 {
    line-height: 150%;
    font-size: 0.21rem;
}

.ft22 {
    line-height: 150%;
    font-size: 0.22rem;
}

.ft23 {
    line-height: 150%;
    font-size: 0.23rem;
}

.ft24 {
    line-height: 150%;
    font-size: 0.24rem;
}

.ft25 {
    line-height: 150%;
    font-size: 0.25rem;
}

.ft26 {
    line-height: 150%;
    font-size: 0.26rem;
}

.ft27 {
    line-height: 150%;
    font-size: 0.27rem;
}

.ft28 {
    line-height: 150%;
    font-size: 0.28rem;
}

.ft29 {
    line-height: 150%;
    font-size: 0.29rem;
}

.ft30 {
    line-height: 150%;
    font-size: 0.30rem;
}

.ft31 {
    line-height: 150%;
    font-size: 0.31rem;
}

.ft32 {
    line-height: 150%;
    font-size: 0.32rem;
}

.ft33 {
    line-height: 150%;
    font-size: 0.33rem;
}

.ft34 {
    line-height: 150%;
    font-size: 0.34rem;
}

.ft35 {
    line-height: 150%;
    font-size: 0.35rem;
}

.ft36 {
    line-height: 150%;
    font-size: 0.36rem;
}

.ft37 {
    line-height: 150%;
    font-size: 0.37rem;
}

.ft38 {
    line-height: 150%;
    font-size: 0.38rem;
}

.ft39 {
    line-height: 150%;
    font-size: 0.39rem;
}

.ft40 {
    line-height: 150%;
    font-size: 0.40rem;
}

.ft41 {
    line-height: 150%;
    font-size: 0.41rem;
}

.ft42 {
    line-height: 150%;
    font-size: 0.42rem;
}

.ft43 {
    line-height: 150%;
    font-size: 0.43rem;
}

.ft44 {
    line-height: 150%;
    font-size: 0.44rem;
}

.ft45 {
    line-height: 150%;
    font-size: 0.45rem;
}

.ft46 {
    line-height: 150%;
    font-size: 0.46rem;
}

.ft47 {
    line-height: 150%;
    font-size: 0.47rem;
}

.ft48 {
    line-height: 150%;
    font-size: 0.48rem;
}

.ft49 {
    line-height: 150%;
    font-size: 0.49rem;
}

.ft50 {
    line-height: 150%;
    font-size: 0.50rem;
}

.ft51 {
    line-height: 150%;
    font-size: 0.51rem;
}

.ft52 {
    line-height: 150%;
    font-size: 0.52rem;
}

.ft53 {
    line-height: 150%;
    font-size: 0.53rem;
}

.ft54 {
    line-height: 150%;
    font-size: 0.54rem;
}

.ft55 {
    line-height: 150%;
    font-size: 0.55rem;
}

.ft56 {
    line-height: 150%;
    font-size: 0.56rem;
}

.ft57 {
    line-height: 150%;
    font-size: 0.57rem;
}

.ft58 {
    line-height: 150%;
    font-size: 0.58rem;
}

.ft59 {
    line-height: 150%;
    font-size: 0.59rem;
}

.ft60 {
    line-height: 150%;
    font-size: 0.60rem;
}

.ft61 {
    line-height: 150%;
    font-size: 0.61rem;
}

.ft62 {
    line-height: 150%;
    font-size: 0.62rem;
}

.ft63 {
    line-height: 150%;
    font-size: 0.63rem;
}

.ft64 {
    line-height: 150%;
    font-size: 0.64rem;
}

.ft65 {
    line-height: 150%;
    font-size: 0.65rem;
}

.ft66 {
    line-height: 150%;
    font-size: 0.66rem;
}

.ft67 {
    line-height: 150%;
    font-size: 0.67rem;
}

.ft68 {
    line-height: 150%;
    font-size: 0.68rem;
}

.ft69 {
    line-height: 150%;
    font-size: 0.69rem;
}

.ft70 {
    line-height: 150%;
    font-size: 0.70rem;
}

.ft71 {
    line-height: 150%;
    font-size: 0.71rem;
}

.ft72 {
    line-height: 150%;
    font-size: 0.72rem;
}

.ft73 {
    line-height: 150%;
    font-size: 0.73rem;
}

.ft74 {
    line-height: 150%;
    font-size: 0.74rem;
}

.ft75 {
    line-height: 150%;
    font-size: 0.75rem;
}

.ft76 {
    line-height: 150%;
    font-size: 0.76rem;
}

.ft77 {
    line-height: 150%;
    font-size: 0.77rem;
}

.ft78 {
    line-height: 150%;
    font-size: 0.78rem;
}

.ft79 {
    line-height: 150%;
    font-size: 0.79rem;
}

.ft80 {
    line-height: 150%;
    font-size: 0.80rem;
}

.ft81 {
    line-height: 150%;
    font-size: 0.81rem;
}

.ft82 {
    line-height: 150%;
    font-size: 0.82rem;
}

.ft83 {
    line-height: 150%;
    font-size: 0.83rem;
}

.ft84 {
    line-height: 150%;
    font-size: 0.84rem;
}

.ft85 {
    line-height: 150%;
    font-size: 0.85rem;
}

.ft86 {
    line-height: 150%;
    font-size: 0.86rem;
}

.ft87 {
    line-height: 150%;
    font-size: 0.87rem;
}

.ft88 {
    line-height: 150%;
    font-size: 0.88rem;
}

.ft89 {
    line-height: 150%;
    font-size: 0.89rem;
}

.ft90 {
    line-height: 150%;
    font-size: 0.90rem;
}

.ft91 {
    line-height: 150%;
    font-size: 0.91rem;
}

.ft92 {
    line-height: 150%;
    font-size: 0.92rem;
}

.ft93 {
    line-height: 150%;
    font-size: 0.93rem;
}

.ft94 {
    line-height: 150%;
    font-size: 0.94rem;
}

.ft95 {
    line-height: 150%;
    font-size: 0.95rem;
}

.ft96 {
    line-height: 150%;
    font-size: 0.96rem;
}

.ft97 {
    line-height: 150%;
    font-size: 0.97rem;
}

.ft98 {
    line-height: 150%;
    font-size: 0.98rem;
}

.ft99 {
    line-height: 150%;
    font-size: 0.99rem;
}

.ft100 {
    line-height: 150%;
    font-size: 1rem;
    line-height: 150%;
}

.mb1 {
    margin-bottom: 0.01rem;
}

.mb2 {
    margin-bottom: 0.02rem;
}

.mb3 {
    margin-bottom: 0.03rem;
}

.mb4 {
    margin-bottom: 0.04rem;
}

.mb5 {
    margin-bottom: 0.05rem;
}

.mb6 {
    margin-bottom: 0.06rem;
}

.mb7 {
    margin-bottom: 0.07rem;
}

.mb8 {
    margin-bottom: 0.08rem;
}

.mb9 {
    margin-bottom: 0.09rem;
}

.mb10 {
    margin-bottom: 0.10rem;
}

.mb11 {
    margin-bottom: 0.11rem;
}

.mb12 {
    margin-bottom: 0.12rem;
}

.mb13 {
    margin-bottom: 0.13rem;
}

.mb14 {
    margin-bottom: 0.14rem;
}

.mb15 {
    margin-bottom: 0.15rem;
}

.mb16 {
    margin-bottom: 0.16rem;
}

.mb17 {
    margin-bottom: 0.17rem;
}

.mb18 {
    margin-bottom: 0.18rem;
}

.mb19 {
    margin-bottom: 0.19rem;
}

.mb20 {
    margin-bottom: 0.20rem;
}

.mb21 {
    margin-bottom: 0.21rem;
}

.mb22 {
    margin-bottom: 0.22rem;
}

.mb23 {
    margin-bottom: 0.23rem;
}

.mb24 {
    margin-bottom: 0.24rem;
}

.mb25 {
    margin-bottom: 0.25rem;
}

.mb26 {
    margin-bottom: 0.26rem;
}

.mb27 {
    margin-bottom: 0.27rem;
}

.mb28 {
    margin-bottom: 0.28rem;
}

.mb29 {
    margin-bottom: 0.29rem;
}

.mb30 {
    margin-bottom: 0.30rem;
}

.mb31 {
    margin-bottom: 0.31rem;
}

.mb32 {
    margin-bottom: 0.32rem;
}

.mb33 {
    margin-bottom: 0.33rem;
}

.mb34 {
    margin-bottom: 0.34rem;
}

.mb35 {
    margin-bottom: 0.35rem;
}

.mb36 {
    margin-bottom: 0.36rem;
}

.mb37 {
    margin-bottom: 0.37rem;
}

.mb38 {
    margin-bottom: 0.38rem;
}

.mb39 {
    margin-bottom: 0.39rem;
}

.mb40 {
    margin-bottom: 0.40rem;
}

.mb41 {
    margin-bottom: 0.41rem;
}

.mb42 {
    margin-bottom: 0.42rem;
}

.mb43 {
    margin-bottom: 0.43rem;
}

.mb44 {
    margin-bottom: 0.44rem;
}

.mb45 {
    margin-bottom: 0.45rem;
}

.mb46 {
    margin-bottom: 0.46rem;
}

.mb47 {
    margin-bottom: 0.47rem;
}

.mb48 {
    margin-bottom: 0.48rem;
}

.mb49 {
    margin-bottom: 0.49rem;
}

.mb50 {
    margin-bottom: 0.50rem;
}

.mb51 {
    margin-bottom: 0.51rem;
}

.mb52 {
    margin-bottom: 0.52rem;
}

.mb53 {
    margin-bottom: 0.53rem;
}

.mb54 {
    margin-bottom: 0.54rem;
}

.mb55 {
    margin-bottom: 0.55rem;
}

.mb56 {
    margin-bottom: 0.56rem;
}

.mb57 {
    margin-bottom: 0.57rem;
}

.mb58 {
    margin-bottom: 0.58rem;
}

.mb59 {
    margin-bottom: 0.59rem;
}

.mb60 {
    margin-bottom: 0.60rem;
}

.mb61 {
    margin-bottom: 0.61rem;
}

.mb62 {
    margin-bottom: 0.62rem;
}

.mb63 {
    margin-bottom: 0.63rem;
}

.mb64 {
    margin-bottom: 0.64rem;
}

.mb65 {
    margin-bottom: 0.65rem;
}

.mb66 {
    margin-bottom: 0.66rem;
}

.mb67 {
    margin-bottom: 0.67rem;
}

.mb68 {
    margin-bottom: 0.68rem;
}

.mb69 {
    margin-bottom: 0.69rem;
}

.mb70 {
    margin-bottom: 0.70rem;
}

.mb71 {
    margin-bottom: 0.71rem;
}

.mb72 {
    margin-bottom: 0.72rem;
}

.mb73 {
    margin-bottom: 0.73rem;
}

.mb74 {
    margin-bottom: 0.74rem;
}

.mb75 {
    margin-bottom: 0.75rem;
}

.mb76 {
    margin-bottom: 0.76rem;
}

.mb77 {
    margin-bottom: 0.77rem;
}

.mb78 {
    margin-bottom: 0.78rem;
}

.mb79 {
    margin-bottom: 0.79rem;
}

.mb80 {
    margin-bottom: 0.80rem;
}

.mb81 {
    margin-bottom: 0.81rem;
}

.mb82 {
    margin-bottom: 0.82rem;
}

.mb83 {
    margin-bottom: 0.83rem;
}

.mb84 {
    margin-bottom: 0.84rem;
}

.mb85 {
    margin-bottom: 0.85rem;
}

.mb86 {
    margin-bottom: 0.86rem;
}

.mb87 {
    margin-bottom: 0.87rem;
}

.mb88 {
    margin-bottom: 0.88rem;
}

.mb89 {
    margin-bottom: 0.89rem;
}

.mb90 {
    margin-bottom: 0.90rem;
}

.mb91 {
    margin-bottom: 0.91rem;
}

.mb92 {
    margin-bottom: 0.92rem;
}

.mb93 {
    margin-bottom: 0.93rem;
}

.mb94 {
    margin-bottom: 0.94rem;
}

.mb95 {
    margin-bottom: 0.95rem;
}

.mb96 {
    margin-bottom: 0.96rem;
}

.mb97 {
    margin-bottom: 0.97rem;
}

.mb98 {
    margin-bottom: 0.98rem;
}

.mb99 {
    margin-bottom: 0.99rem;
}

.mb100 {
    margin-bottom: 1rem;
}

.mb130 {
    margin-bottom: 1.3rem;
}

.mb140 {
    margin-bottom: 1.4rem;
}

.mb150 {
    margin-bottom: 1.5rem;
}

.mb200 {
    margin-bottom: 2rem;
}

.mt1 {
    margin-top: 0.01rem;
}

.mt2 {
    margin-top: 0.02rem;
}

.mt3 {
    margin-top: 0.03rem;
}

.mt4 {
    margin-top: 0.04rem;
}

.mt5 {
    margin-top: 0.05rem;
}

.mt6 {
    margin-top: 0.06rem;
}

.mt7 {
    margin-top: 0.07rem;
}

.mt8 {
    margin-top: 0.08rem;
}

.mt9 {
    margin-top: 0.09rem;
}

.mt10 {
    margin-top: 0.10rem;
}

.mt11 {
    margin-top: 0.11rem;
}

.mt12 {
    margin-top: 0.12rem;
}

.mt13 {
    margin-top: 0.13rem;
}

.mt14 {
    margin-top: 0.14rem;
}

.mt15 {
    margin-top: 0.15rem;
}

.mt16 {
    margin-top: 0.16rem;
}

.mt17 {
    margin-top: 0.17rem;
}

.mt18 {
    margin-top: 0.18rem;
}

.mt19 {
    margin-top: 0.19rem;
}

.mt20 {
    margin-top: 0.20rem;
}

.mt21 {
    margin-top: 0.21rem;
}

.mt22 {
    margin-top: 0.22rem;
}

.mt23 {
    margin-top: 0.23rem;
}

.mt24 {
    margin-top: 0.24rem;
}

.mt25 {
    margin-top: 0.25rem;
}

.mt26 {
    margin-top: 0.26rem;
}

.mt27 {
    margin-top: 0.27rem;
}

.mt28 {
    margin-top: 0.28rem;
}

.mt29 {
    margin-top: 0.29rem;
}

.mt30 {
    margin-top: 0.30rem;
}

.mt31 {
    margin-top: 0.31rem;
}

.mt32 {
    margin-top: 0.32rem;
}

.mt33 {
    margin-top: 0.33rem;
}

.mt34 {
    margin-top: 0.34rem;
}

.mt35 {
    margin-top: 0.35rem;
}

.mt36 {
    margin-top: 0.36rem;
}

.mt37 {
    margin-top: 0.37rem;
}

.mt38 {
    margin-top: 0.38rem;
}

.mt39 {
    margin-top: 0.39rem;
}

.mt40 {
    margin-top: 0.40rem;
}

.mt41 {
    margin-top: 0.41rem;
}

.mt42 {
    margin-top: 0.42rem;
}

.mt43 {
    margin-top: 0.43rem;
}

.mt44 {
    margin-top: 0.44rem;
}

.mt45 {
    margin-top: 0.45rem;
}

.mt46 {
    margin-top: 0.46rem;
}

.mt47 {
    margin-top: 0.47rem;
}

.mt48 {
    margin-top: 0.48rem;
}

.mt49 {
    margin-top: 0.49rem;
}

.mt50 {
    margin-top: 0.50rem;
}

.mt51 {
    margin-top: 0.51rem;
}

.mt52 {
    margin-top: 0.52rem;
}

.mt53 {
    margin-top: 0.53rem;
}

.mt54 {
    margin-top: 0.54rem;
}

.mt55 {
    margin-top: 0.55rem;
}

.mt56 {
    margin-top: 0.56rem;
}

.mt57 {
    margin-top: 0.57rem;
}

.mt58 {
    margin-top: 0.58rem;
}

.mt59 {
    margin-top: 0.59rem;
}

.mt60 {
    margin-top: 0.60rem;
}

.mt61 {
    margin-top: 0.61rem;
}

.mt62 {
    margin-top: 0.62rem;
}

.mt63 {
    margin-top: 0.63rem;
}

.mt64 {
    margin-top: 0.64rem;
}

.mt65 {
    margin-top: 0.65rem;
}

.mt66 {
    margin-top: 0.66rem;
}

.mt67 {
    margin-top: 0.67rem;
}

.mt68 {
    margin-top: 0.68rem;
}

.mt69 {
    margin-top: 0.69rem;
}

.mt70 {
    margin-top: 0.70rem;
}

.mt71 {
    margin-top: 0.71rem;
}

.mt72 {
    margin-top: 0.72rem;
}

.mt73 {
    margin-top: 0.73rem;
}

.mt74 {
    margin-top: 0.74rem;
}

.mt75 {
    margin-top: 0.75rem;
}

.mt76 {
    margin-top: 0.76rem;
}

.mt77 {
    margin-top: 0.77rem;
}

.mt78 {
    margin-top: 0.78rem;
}

.mt79 {
    margin-top: 0.79rem;
}

.mt80 {
    margin-top: 0.80rem;
}

.mt81 {
    margin-top: 0.81rem;
}

.mt82 {
    margin-top: 0.82rem;
}

.mt83 {
    margin-top: 0.83rem;
}

.mt84 {
    margin-top: 0.84rem;
}

.mt85 {
    margin-top: 0.85rem;
}

.mt86 {
    margin-top: 0.86rem;
}

.mt87 {
    margin-top: 0.87rem;
}

.mt88 {
    margin-top: 0.88rem;
}

.mt89 {
    margin-top: 0.89rem;
}

.mt90 {
    margin-top: 0.90rem;
}

.mt91 {
    margin-top: 0.91rem;
}

.mt92 {
    margin-top: 0.92rem;
}

.mt93 {
    margin-top: 0.93rem;
}

.mt94 {
    margin-top: 0.94rem;
}

.mt95 {
    margin-top: 0.95rem;
}

.mt96 {
    margin-top: 0.96rem;
}

.mt97 {
    margin-top: 0.97rem;
}

.mt98 {
    margin-top: 0.98rem;
}

.mt99 {
    margin-top: 0.99rem;
}

.mt100 {
    margin-top: 1rem;
}

.mt140 {
    margin-top: 1.4rem;
}

.mt150 {
    margin-top: 1.5rem;
}

.mt160 {
    margin-top: 1.6rem;
}



.ml1 {
    margin-left: 0.01rem;
}

.ml2 {
    margin-left: 0.02rem;
}

.ml3 {
    margin-left: 0.03rem;
}

.ml4 {
    margin-left: 0.04rem;
}

.ml5 {
    margin-left: 0.05rem;
}

.ml6 {
    margin-left: 0.06rem;
}

.ml7 {
    margin-left: 0.07rem;
}

.ml8 {
    margin-left: 0.08rem;
}

.ml9 {
    margin-left: 0.09rem;
}

.ml10 {
    margin-left: 0.10rem;
}

.ml11 {
    margin-left: 0.11rem;
}

.ml12 {
    margin-left: 0.12rem;
}

.ml13 {
    margin-left: 0.13rem;
}

.ml14 {
    margin-left: 0.14rem;
}

.ml15 {
    margin-left: 0.15rem;
}

.ml16 {
    margin-left: 0.16rem;
}

.ml17 {
    margin-left: 0.17rem;
}

.ml18 {
    margin-left: 0.18rem;
}

.ml19 {
    margin-left: 0.19rem;
}

.ml20 {
    margin-left: 0.20rem;
}

.ml21 {
    margin-left: 0.21rem;
}

.ml22 {
    margin-left: 0.22rem;
}

.ml23 {
    margin-left: 0.23rem;
}

.ml24 {
    margin-left: 0.24rem;
}

.ml25 {
    margin-left: 0.25rem;
}

.ml26 {
    margin-left: 0.26rem;
}

.ml27 {
    margin-left: 0.27rem;
}

.ml28 {
    margin-left: 0.28rem;
}

.ml29 {
    margin-left: 0.29rem;
}

.ml30 {
    margin-left: 0.30rem;
}

.ml31 {
    margin-left: 0.31rem;
}

.ml32 {
    margin-left: 0.32rem;
}

.ml33 {
    margin-left: 0.33rem;
}

.ml34 {
    margin-left: 0.34rem;
}

.ml35 {
    margin-left: 0.35rem;
}

.ml36 {
    margin-left: 0.36rem;
}

.ml37 {
    margin-left: 0.37rem;
}

.ml38 {
    margin-left: 0.38rem;
}

.ml39 {
    margin-left: 0.39rem;
}

.ml40 {
    margin-left: 0.40rem;
}

.ml41 {
    margin-left: 0.41rem;
}

.ml42 {
    margin-left: 0.42rem;
}

.ml43 {
    margin-left: 0.43rem;
}

.ml44 {
    margin-left: 0.44rem;
}

.ml45 {
    margin-left: 0.45rem;
}

.ml46 {
    margin-left: 0.46rem;
}

.ml47 {
    margin-left: 0.47rem;
}

.ml48 {
    margin-left: 0.48rem;
}

.ml49 {
    margin-left: 0.49rem;
}

.ml50 {
    margin-left: 0.50rem;
}

.ml51 {
    margin-left: 0.51rem;
}

.ml52 {
    margin-left: 0.52rem;
}

.ml53 {
    margin-left: 0.53rem;
}

.ml54 {
    margin-left: 0.54rem;
}

.ml55 {
    margin-left: 0.55rem;
}

.ml56 {
    margin-left: 0.56rem;
}

.ml57 {
    margin-left: 0.57rem;
}

.ml58 {
    margin-left: 0.58rem;
}

.ml59 {
    margin-left: 0.59rem;
}

.ml60 {
    margin-left: 0.60rem;
}

.ml61 {
    margin-left: 0.61rem;
}

.ml62 {
    margin-left: 0.62rem;
}

.ml63 {
    margin-left: 0.63rem;
}

.ml64 {
    margin-left: 0.64rem;
}

.ml65 {
    margin-left: 0.65rem;
}

.ml66 {
    margin-left: 0.66rem;
}

.ml67 {
    margin-left: 0.67rem;
}

.ml68 {
    margin-left: 0.68rem;
}

.ml69 {
    margin-left: 0.69rem;
}

.ml70 {
    margin-left: 0.70rem;
}

.ml71 {
    margin-left: 0.71rem;
}

.ml72 {
    margin-left: 0.72rem;
}

.ml73 {
    margin-left: 0.73rem;
}

.ml74 {
    margin-left: 0.74rem;
}

.ml75 {
    margin-left: 0.75rem;
}

.ml76 {
    margin-left: 0.76rem;
}

.ml77 {
    margin-left: 0.77rem;
}

.ml78 {
    margin-left: 0.78rem;
}

.ml79 {
    margin-left: 0.79rem;
}

.ml80 {
    margin-left: 0.80rem;
}

.ml81 {
    margin-left: 0.81rem;
}

.ml82 {
    margin-left: 0.82rem;
}

.ml83 {
    margin-left: 0.83rem;
}

.ml84 {
    margin-left: 0.84rem;
}

.ml85 {
    margin-left: 0.85rem;
}

.ml86 {
    margin-left: 0.86rem;
}

.ml87 {
    margin-left: 0.87rem;
}

.ml88 {
    margin-left: 0.88rem;
}

.ml89 {
    margin-left: 0.89rem;
}

.ml90 {
    margin-left: 0.90rem;
}

.ml91 {
    margin-left: 0.91rem;
}

.ml92 {
    margin-left: 0.92rem;
}

.ml93 {
    margin-left: 0.93rem;
}

.ml94 {
    margin-left: 0.94rem;
}

.ml95 {
    margin-left: 0.95rem;
}

.ml96 {
    margin-left: 0.96rem;
}

.ml97 {
    margin-left: 0.97rem;
}

.ml98 {
    margin-left: 0.98rem;
}

.ml99 {
    margin-left: 0.99rem;
}

.ml00 {
    margin-left: 1rem;
}

.mr1 {
    margin-right: 0.01rem;
}

.mr2 {
    margin-right: 0.02rem;
}

.mr3 {
    margin-right: 0.03rem;
}

.mr4 {
    margin-right: 0.04rem;
}

.mr5 {
    margin-right: 0.05rem;
}

.mr6 {
    margin-right: 0.06rem;
}

.mr7 {
    margin-right: 0.07rem;
}

.mr8 {
    margin-right: 0.08rem;
}

.mr9 {
    margin-right: 0.09rem;
}

.mr10 {
    margin-right: 0.10rem;
}

.mr11 {
    margin-right: 0.11rem;
}

.mr12 {
    margin-right: 0.12rem;
}

.mr13 {
    margin-right: 0.13rem;
}

.mr14 {
    margin-right: 0.14rem;
}

.mr15 {
    margin-right: 0.15rem;
}

.mr16 {
    margin-right: 0.16rem;
}

.mr17 {
    margin-right: 0.17rem;
}

.mr18 {
    margin-right: 0.18rem;
}

.mr19 {
    margin-right: 0.19rem;
}

.mr20 {
    margin-right: 0.20rem;
}

.mr21 {
    margin-right: 0.21rem;
}

.mr22 {
    margin-right: 0.22rem;
}

.mr23 {
    margin-right: 0.23rem;
}

.mr24 {
    margin-right: 0.24rem;
}

.mr25 {
    margin-right: 0.25rem;
}

.mr26 {
    margin-right: 0.26rem;
}

.mr27 {
    margin-right: 0.27rem;
}

.mr28 {
    margin-right: 0.28rem;
}

.mr29 {
    margin-right: 0.29rem;
}

.mr30 {
    margin-right: 0.30rem;
}

.mr31 {
    margin-right: 0.31rem;
}

.mr32 {
    margin-right: 0.32rem;
}

.mr33 {
    margin-right: 0.33rem;
}

.mr34 {
    margin-right: 0.34rem;
}

.mr35 {
    margin-right: 0.35rem;
}

.mr36 {
    margin-right: 0.36rem;
}

.mr37 {
    margin-right: 0.37rem;
}

.mr38 {
    margin-right: 0.38rem;
}

.mr39 {
    margin-right: 0.39rem;
}

.mr40 {
    margin-right: 0.40rem;
}

.mr41 {
    margin-right: 0.41rem;
}

.mr42 {
    margin-right: 0.42rem;
}

.mr43 {
    margin-right: 0.43rem;
}

.mr44 {
    margin-right: 0.44rem;
}

.mr45 {
    margin-right: 0.45rem;
}

.mr46 {
    margin-right: 0.46rem;
}

.mr47 {
    margin-right: 0.47rem;
}

.mr48 {
    margin-right: 0.48rem;
}

.mr49 {
    margin-right: 0.49rem;
}

.mr50 {
    margin-right: 0.50rem;
}

.mr51 {
    margin-right: 0.51rem;
}

.mr52 {
    margin-right: 0.52rem;
}

.mr53 {
    margin-right: 0.53rem;
}

.mr54 {
    margin-right: 0.54rem;
}

.mr55 {
    margin-right: 0.55rem;
}

.mr56 {
    margin-right: 0.56rem;
}

.mr57 {
    margin-right: 0.57rem;
}

.mr58 {
    margin-right: 0.58rem;
}

.mr59 {
    margin-right: 0.59rem;
}

.mr60 {
    margin-right: 0.60rem;
}

.mr61 {
    margin-right: 0.61rem;
}

.mr62 {
    margin-right: 0.62rem;
}

.mr63 {
    margin-right: 0.63rem;
}

.mr64 {
    margin-right: 0.64rem;
}

.mr65 {
    margin-right: 0.65rem;
}

.mr66 {
    margin-right: 0.66rem;
}

.mr67 {
    margin-right: 0.67rem;
}

.mr68 {
    margin-right: 0.68rem;
}

.mr69 {
    margin-right: 0.69rem;
}

.mr70 {
    margin-right: 0.70rem;
}

.mr71 {
    margin-right: 0.71rem;
}

.mr72 {
    margin-right: 0.72rem;
}

.mr73 {
    margin-right: 0.73rem;
}

.mr74 {
    margin-right: 0.74rem;
}

.mr75 {
    margin-right: 0.75rem;
}

.mr76 {
    margin-right: 0.76rem;
}

.mr77 {
    margin-right: 0.77rem;
}

.mr78 {
    margin-right: 0.78rem;
}

.mr79 {
    margin-right: 0.79rem;
}

.mr80 {
    margin-right: 0.80rem;
}

.mr81 {
    margin-right: 0.81rem;
}

.mr82 {
    margin-right: 0.82rem;
}

.mr83 {
    margin-right: 0.83rem;
}

.mr84 {
    margin-right: 0.84rem;
}

.mr85 {
    margin-right: 0.85rem;
}

.mr86 {
    margin-right: 0.86rem;
}

.mr87 {
    margin-right: 0.87rem;
}

.mr88 {
    margin-right: 0.88rem;
}

.mr89 {
    margin-right: 0.89rem;
}

.mr90 {
    margin-right: 0.90rem;
}

.mr91 {
    margin-right: 0.91rem;
}

.mr92 {
    margin-right: 0.92rem;
}

.mr93 {
    margin-right: 0.93rem;
}

.mr94 {
    margin-right: 0.94rem;
}

.mr95 {
    margin-right: 0.95rem;
}

.mr96 {
    margin-right: 0.96rem;
}

.mr97 {
    margin-right: 0.97rem;
}

.mr98 {
    margin-right: 0.98rem;
}

.mr99 {
    margin-right: 0.99rem;
}

.mr100 {
    margin-right: 1rem;
}

.indent1 {
    text-indent: 1em;
}

.indent2 {
    text-indent: 2em;
}

.none {
    display: none;
}


.flex-column {
    flex-direction: column;
}

.relative {
    position: relative;
}

.wrap {
    flex-wrap: wrap;
}

.mw100 {
    max-width: 100%;
}

.w1920 {
    width: 19.2rem;
}

.wap {
    max-width: 750px;
}

.ft-bold {
    font-weight: bold
}

.bg_white {
    background: #fff;
}

.white-nowrap {
    white-space: nowrap;
}

.white-wrap {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
}

/* .min1920{min-width: 1920px;} */
.fsour {
    font-family: 'sour';
}

.avtive {}

.lh150 {
    line-height: 150%;
}

.w1400 {
    width: 1400px;
}


.font-weight {
    font-weight: bold;
}

.layui-btn-normal {
    background-color: #52b2cb !important;
}

.ft-999 {
    color: #999;
}

.line1 {
    line-height: 1em !important;
}

.line15 {
    line-height: 1.5em;
}

.line16 {
    line-height: 1.6em;
}

.line17 {
    line-height: 1.7em;
}

.line18 {
    line-height: 1.8em;
}

.line19 {
    line-height: 1.9em;
}

.line2 {
    line-height: 2em;
}

.line24 {
    line-height: 2.4em;
}

.line25 {
    line-height: 2.5em;
}

.line3 {
    line-height: 3em;
}

.line4 {
    line-height: 4em;
}

.line-clamp2 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    /* line-height: 1.5em;
    height: 3em; */
}

.line-clamp3 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    /* line-height: 1.5em;
    height: 4.5em; */
}

.line-clamp4 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    /* line-height: 1.5em; */
    /* height: 6em; */
}

.line-clamp5 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical;
    /* line-height: 1.5em; */
    /* height: 7.5em; */
}

.line-clamp6 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    -webkit-box-orient: vertical;
    /* line-height: 1.5em; */
    /* height: 9em; */
}

.line-clamp7 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    line-clamp: 7;
    -webkit-box-orient: vertical;
    /* line-height: 1.5em; */
    /* height: 10.5em; */
}

.line-clamp8 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    line-clamp: 8;
    -webkit-box-orient: vertical;
    /* line-height: 1.5em; */
    /* height: 12em; */
}

.line-clamp9 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    line-clamp: 9;
    -webkit-box-orient: vertical;
    /* line-height: 1.5em; */
    /* height: 13.5em; */
}

.arcbody img {
    width: auto;
    max-width: 100%;
    margin: 0.15rem 0 0;
    height: auto !important;
}

[data-dialog],
.pointer {
    cursor: pointer;
}

.tab .tab-item {
    display: none;
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-column-center {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.bgi {
    background-repeat: no-repeat;
    background-size: cover;
}


section,
header,
main,
footer {
    /* display: flex;
    width: 100%;
    position: relative;
    flex-direction: column;
    justify-content: center;
    align-items: center; */
}

:root {
    --bgcolor: #4087f2;
    --fontcolor: rgba(51, 51, 51, 1);
    --b-r: 0.05rem;
    --hoverbg: #4087f2;
    --hoverfont: #4087f2;
}

.flex-1 {
    flex: 1;
}


main>section,
header {
    /* position: fixed;
    top: 0;
    z-index: 10; */
}

.dh_box {
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    position: relative;
    bottom: 0rem;
    display: block;
}

.dh_box:hover {
    bottom: 0.3rem;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .2);

}

.dh_box:hover .dh_con {
    transition: all .35s ease-in-out;
    bottom: 0.2rem;
}

.dh_img {
    transition: all .35s cubic-bezier(.19, 1, .22, 1);
    -webkit-transition: all .35s cubic-bezier(.19, 1, .22, 1);
    -moz-transition: all .35s cubic-bezier(.19, 1, .22, 1);
    -ms-transition: all .35s cubic-bezier(.19, 1, .22, 1);
    overflow: hidden;
}

.dh_imgitem {}

/* .dh_box img , */
.dh_imgitem img,
.dh_img img {
    transition: all 0.6s;
}

/* .dh_box:hover img , */
.dh_imgitem:hover img,
.dh_img:hover img {
    transform: scale(1.2);
}


.user_img {
    border-radius: 50%;
    overflow: hidden;
}

.user_img img {
    width: 100%;
    height: 100%;
}

.img_box {
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.img_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.img_100 {}

.img_100 img {
    width: 100%;
    height: 100%;
}

.img_box_auto img {
    max-width: 100%;
}

.img_box_auto img {
    max-width: 100%;
    display: block;
}


.layui-nav {
    background-color: initial;
}

#nav-toggle {
    position: absolute;
    text-align: center;
    vertical-align: middle;
    top: 0px;
}

#nav-toggle {
    cursor: pointer;
    padding: 25px 12px 0px 12px;
    width: 25px;
    height: 25px;
    overflow: auto;
    left: 0px;
    display: table-cell;
    vertical-align: middle;
    line-height: normal;
    overflow: initial;
}

#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 0.02rem;
    width: 0.25rem;
    background: #333;
    position: absolute;
    display: block;
    content: '';
}

#nav-toggle span:before {
    top: -0.1rem;
}

#nav-toggle span:after {
    bottom: -0.1rem;
}

#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
    transition: all 400ms ease-in-out;
}

#nav-toggle.active span {
    background-color: transparent;
}

#nav-toggle.active span:before,
#nav-toggle.active span:after {
    top: 0;
}

#nav-toggle.active span:before {
    transform: rotate(45deg);
    background: #666;
}

#nav-toggle.active span:after {
    transform: rotate(-45deg);
    background: #666;
}



.nav-btn {
    display: none;
}

.mauto {
    margin: 0 auto;
}

.left {
    float: left;
}

.right {
    float: right;
}

[data-btn],
.cursor {
    cursor: pointer;
}

section {
    padding: 0.8rem 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.layui-col-space32 {
    margin: -0.16rem;
}

.layui-col-space32>* {
    padding: 0.16rem;
}

.layui-col-space35 {
    margin: -0.175rem;
}

.layui-col-space35>* {
    padding: 0.175rem;
}

.layui-col-space40 {
    margin: -0.2rem;
}

.layui-col-space40>* {
    padding: 0.2rem;
}

.layui-col-space50 {
    margin: -0.25rem;
}

.layui-col-space50>* {
    padding: 0.25rem;
}

.layui-col-space60 {
    margin: -0.3rem;
}

.layui-col-space60>* {
    padding: 0.3rem;
}

.layui-col-space70>* {
    padding: 0.35rem;
}

.layui-col-space70 {
    margin: -0.35rem;
}

.layui-col-space80>* {
    padding: 0.40rem;
}

.layui-col-space80 {
    margin: -0.40rem;
}


.layui-col-space100 {
    margin: -0.5rem;
}

.layui-col-space100>* {
    padding: 0.5rem;
}

.layui-col-space120 {
    margin: -0.6rem;
}

.layui-col-space120>* {
    padding: 0.6rem;
}

.layui-col-space150 {
    margin: -0.75rem;
}

.layui-col-space150>* {
    padding: 0.75rem;
}

.layui-col-space200 {
    margin: -1rem;
}

.layui-col-space200>* {
    padding: 1rem;
}

.white_c {
    color: #fff;
}

.black_c {
    color: #000;
}

.gary_c3 {
    color: #333;
}

.gary_c4 {
    color: #444;
}

.gary_c6 {
    color: #666;
}

.gary_c9 {

    color: #999;
}

.gary_bg {
    background: #F5F5F5;
}

.ul_height {
    display: flex;
    flex-wrap: wrap;
}

.ul_height li {
    display: flex;
    flex-direction: column;
}

.ul_height li .item {
    flex: 1;
}

.code_box {
    position: relative;
}

.code_box [data-type] {
    position: absolute;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
    background-color: initial;
    cursor: pointer;
    z-index: 2;
    background: #fff;
}

.none-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.text-line-through {
    text-decoration: line-through;
}

.dh1 {
    animation: move 3s 0s infinite;
    -webkit-animation: move 3s 0s infinite;
    transform-origin: bottom;
    -webkit-transform-origin: bottom;
}

[back-btn] {
    cursor: pointer;
}

@keyframes move {

    0%,
    10% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    20% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg);
    }

    25% {
        -webkit-transform: rotate(-6deg);
        transform: rotate(-6deg);
    }

    30% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg);
    }

    35% {
        -webkit-transform: rotate(-6deg);
        transform: rotate(-6deg);
    }

    40% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg);
    }

    45% {
        -webkit-transform: rotate(-6deg);
        transform: rotate(-6deg);
    }

    50% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg);
    }

    55% {
        -webkit-transform: rotate(-6deg);
        transform: rotate(-6deg);
    }

    60% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg);
    }

    65% {
        -webkit-transform: rotate(-6deg);
        transform: rotate(-6deg);
    }

    70% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg);
    }

    75% {
        -webkit-transform: rotate(-6deg);
        transform: rotate(-6deg);
    }

    80% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg);
    }

    85% {
        -webkit-transform: rotate(-6deg);
        transform: rotate(-6deg);
    }

    90% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg);
    }

    95% {
        -webkit-transform: rotate(-6deg);
        transform: rotate(-6deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-webkit-keyframes move {

    0%,
    10% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    20% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg);
    }

    25% {
        -webkit-transform: rotate(-6deg);
        transform: rotate(-6deg);
    }

    30% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg);
    }

    35% {
        -webkit-transform: rotate(-6deg);
        transform: rotate(-6deg);
    }

    40% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg);
    }

    45% {
        -webkit-transform: rotate(-6deg);
        transform: rotate(-6deg);
    }

    50% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg);
    }

    55% {
        -webkit-transform: rotate(-6deg);
        transform: rotate(-6deg);
    }

    60% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg);
    }

    65% {
        -webkit-transform: rotate(-6deg);
        transform: rotate(-6deg);
    }

    70% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg);
    }

    75% {
        -webkit-transform: rotate(-6deg);
        transform: rotate(-6deg);
    }

    80% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg);
    }

    85% {
        -webkit-transform: rotate(-6deg);
        transform: rotate(-6deg);
    }

    90% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg);
    }

    95% {
        -webkit-transform: rotate(-6deg);
        transform: rotate(-6deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.must::before {
    display: inline-block;
    content: '*';
    color: #EB1717;
}

[data-box="input-number"] {
    position: relative;
}

[data-box="input-number"] input {
    padding-right: 4em;
}

[data-box="input-number"] .text {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.15rem;
    color: #999;
    font-size: 0.12rem;

}

[data-box="input-number"].input-textarea .text {
    top: unset;
    transform: unset;
    bottom: 0.05rem;
    padding-left: 0.15rem;
}

.title_p {
    position: relative;
    font-weight: bold;
    text-align: center;
}

.title_p .en {
    text-transform: uppercase;
    opacity: 0.2;
    font-size: 0.60rem;
    position: relative;
    top: 0.3rem;
    line-height: 1em;
}

.title_p .cn {
    font-size: 0.40rem;
}

.bg_img {
    background-repeat: no-repeat;
    background-size: cover;
}

.swiper1 {
    padding: 0 0.6rem;
}

.swiper1 {
    --swiper-theme-color: #000;
    /* 设置Swiper风格 */
    --swiper-navigation-color: #000;
    /* 单独设置按钮颜色 */
    --swiper-navigation-size: 50px;
    /* 设置按钮大小 */
}

.layui-tab.no {
    margin: 0;
}

.layui-tab.no .layui-tab-title {
    border: none;
}

.layui-tab.no .layui-tab-title li {
    height: auto;
    line-height: auto;
}

.layui-tab.no .layui-tab-title .layui-this:after {
    display: none;
}

.user_page .user_con {
    display: flex;
}

.user_page .user_header {
    width: 3rem;
}

.user_page .right_main {
    flex: 1;
    background-color: #fff;
    padding: 0 0.3rem 0.6rem;
}

.bg_img1 {
    position: relative;
}

.bg_img1::before {
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    display: block;
    z-index: -1;
}

@media only screen and (min-width: 1000px) {}

@media screen and (max-width: 992px) {

    .site-menu {
        position: fixed;
        top: 0;
        bottom: 0;
        min-height: 0;
        overflow-y: auto;
        overflow-x: hidden;
        z-index: 1000;
        left: -300px;
        background-color: #fff;
        transition: all .3s;
    }

    .site-tree-mobile {
        display: block !important;
        position: fixed;
        z-index: 16666669;
        bottom: 15px;
        left: 15px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 2px;
        text-align: center;
        background-color:
            rgb(39, 170, 225);
        color: #fff;
    }

    .site-home .site-tree-mobile {
        display: none !important;
    }

    .site-mobile .site-tree-mobile {
        display: none !important;
    }

    .site-mobile .site-menu {
        left: 0;
    }

    .site-mobile .site-mobile-shade {
        content: '';
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(0, 0, 0, .3);
        z-index: 999;
    }

    .site-tree-mobile i {
        font-size: 20px;
    }

    .layui-layout-admin .layui-side {
        position: fixed;
        top: 0;
        left: -260px;
        transition: all .3s;
        -webkit-transition: all .3s;
        z-index: 10000;
    }

    .layui-body {
        position: static;
        bottom: 0;
        left: 0;
    }

    .site-mobile .layui-side {
        left: 0;
    }

    .site-mobile .layui-side-child {
        top: 50%;
        left: 200px;
        height: 300px;
        margin-top: -100px;
    }

    .layui-layout-admin .layui-side {
        position: fixed;
        top: 0;
        left: -80%;
        transition: all .3s;
        -webkit-transition: all .3s;
        z-index: 10000;
    }

    .layui-layout-admin .layui-side {
        width: 80%;
    }

    .layui-body {
        position: static;
        bottom: 0;
        left: 0;
    }

    .site-mobile .layui-side {
        left: 0;
    }

    .site-mobile .layui-side-child {
        top: 50%;
        left: 200px;
        height: 300px;
        margin-top: -100px;
    }

    .layui-nav .layui-nav-item a {
        color: #fff !important;
    }

}

@media only screen and (max-width: 750px) {


    .m750-w98 {
        width: 98%;
    }

    .m750-w96 {
        width: 96%;
    }

    .m750-w94 {
        width: 94%;
    }

    .mb150 {
        margin-bottom: 70px;
    }

    .flex-column-xs {
        flex-direction: column;
    }

    .flex-column {
        flex-direction: column;
    }

    .al-fs-xs {
        align-items: flex-start;
    }

    .d-flex-xs {
        display: flex;
    }

    main>section {
        padding: 20px 0 !important;
    }


    .head.layui-main {
        width: 100%;
        margin: 0;
        min-height: 60px !important;
        border-radius: 0;
    }


    header .navbox {
        color: #Fff;
        position: fixed;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        background: rgba(0, 0, 0, 0.7);
        height: 100vh;
        left: 0;
        flex: 1;
        top: -200%;
        z-index: 99999;
        transition: all 0.3s;
        display: flex;
    }

    .layui-main {
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 0.2rem 0.2rem !important;
    }

    main {
        padding: 0 !important;
    }

    .nav-btn {
        display: block;
        width: 50px;
        height: 50px;
        position: relative;
        color: #000;
    }

    .navbox .layui-nav-item>a {
        color: #fff !important;
    }

    .user_page .user_con {
        flex-direction: column;
    }

}

@media only screen and (min-width: 751px) and (max-width: 1400px) {
    .m1400-w990 {
        width: 990px;
    }

    .m1400-w1200 {
        width: 1200px;
    }

    .layui-main {
        /* width: 1000px; */
    }

}

@media only screen and (min-width: 751px) {}